<template>
    <div class="header-bar">
        <custom-bread-crumb :list="breadCrumbList"></custom-bread-crumb>
    </div>
</template>

<script>
import { mapState } from 'vuex'
import customBreadCrumb from './custom-bread-crumb'

export default {
    components: {
        customBreadCrumb
    },
    props: {},
    data () {
        return {
        }
    },
    watch: {},
    computed: {
        ...mapState({
            breadCrumbList: (state) => state.breadCrumbList
        }),
    },
    methods: {
    },
    created () { },
    mounted () {
    }
}
</script>
<style lang="less" scoped>
    .header-bar {
        width: 100%;
        height: 100%;
        position: relative;
        .custom-content-con {
            float: right;
            height: auto;
            padding-right: 20px;
            line-height: 64px;
            & > * {
                float: right;
            }
        }
    }
</style>